<template>
    <div class="main" id="components-layout-demo-basic">
        <a-layout>
            <a-layout>
                <a-layout-content>
                    <div class="middleContent">
                        <div class="titleNumber">
                            <span >001</span>
                        </div>
                        <div>
                            <div>001</div>
                            <div>1</div>
                            <div>3天1小时53分</div>
                            <div>￥0 <span>icon</span></div>
                        </div>
                    </div>
                    <div class="middleContent">
                        <div class="titleNumber">
                            <span >001</span>
                        </div>
                        <div>
                            <div>001</div>
                            <div>1</div>
                            <div>3天1小时53分</div>
                            <div>￥0 <span>icon</span></div>
                        </div>
                    </div>
                </a-layout-content>
                <a-layout-footer>底部检验栏</a-layout-footer>
            </a-layout>
            <a-layout-sider>
                侧边栏
            </a-layout-sider>
        </a-layout>
    </div>
</template>

<script>


export default {
    name: 'main',
    components: {

    },
    data() {
        return {

        }
    },
    methods: {

    },
    computed: {

    },

}
</script>

<style lang="less" scoped>
#components-layout-demo-basic {
    font-size:14px;
}

#components-layout-demo-basic .ant-layout-header,
#components-layout-demo-basic .ant-layout-footer {
    background: #efefef;
    color: #4b4b4b;
}

#components-layout-demo-basic .ant-layout-footer {
    line-height: 1.5;
}

#components-layout-demo-basic .ant-layout-sider {
    background: #efefef;
    color: #4b4b4b;
    line-height: 120px;
}

#components-layout-demo-basic .ant-layout-content {
    display: flex;
    background: #ffffff;
    color: #4b4b4b;
    min-height: 120px;
    // line-height: 120px;
    .middleContent{
        margin: 20px 15px;
        border: 1px solid green;
        border-radius: 5px;
        width: 100px;
        height: 120px;
        background:#fdcedb;
        .titleNumber {
            background: red;
            // border: 1px solid red;
            height: 20px;
            text-align: center;
            line-height: 20px;
            color: white;
            font-size: 16px;
        }
    }
   
}

#components-layout-demo-basic>.ant-layout {
    margin-bottom: 48px;
}

#components-layout-demo-basic>.ant-layout:last-child {
    margin: 0;
}

</style>
